<template>
  <div id="app">
   <div class="container">
		 <app-header></app-header>
	 </div>
	 <div class="container">
		 <router-view></router-view>
		
	 </div>
	 <br>
	 <!-- //吧公共的路由组件放在app里面 之后随便那个路由想用的时候就可以用了 -->
	 <div class="container">
		 <div class="row">
			 <div class="col-sm-12 col-md-4">
				 <router-view name="orderingGuider"></router-view>
			 </div>
			 <div class="col-sm-12 col-md-4">
			 				 <router-view name="delivery"></router-view>
			 </div>
			 <div class="col-sm-12 col-md-4">
			 				 <router-view name="history"></router-view>
			 </div>
		 </div>
	 </div>
  </div>
</template>

<script>
import Header from './components/Header.vue'

export default {
  name: 'App',
	components:{
		appHeader:Header
	}
  
}
</script>

<style>
	@import url("assets/css/reset.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css");

</style>
